<%@ page language="java" import="java.util.*" pageEncoding="utf-8"
	isELIgnored="false"%>
<!DOCTYPE html>
<html>
<head>
<title>CMS Login</title>

	<link rel="stylesheet" href="${pageContext.request.contextPath }/assets/css/bootstrap.min.css">
	<link rel="stylesheet" href="${pageContext.request.contextPath }/assets/vendor/font-awesome/css/font-awesome.min.css">
	<link rel="stylesheet" href="${pageContext.request.contextPath }/assets/vendor/linearicons/style.css">
	<!-- MAIN CSS -->
	<link rel="stylesheet" href="${pageContext.request.contextPath }/assets/css/main.css">
	<!-- FOR DEMO PURPOSES ONLY. You should remove this in your project -->
	<link rel="stylesheet" href="${pageContext.request.contextPath }/assets/css/demo.css">
	<!-- GOOGLE FONTS -->
	<!-- ICONS -->
	<link rel="apple-touch-icon" sizes="76x76" href="${pageContext.request.contextPath }/assets/img/apple-icon.png">
	<link rel="icon" type="image/png" sizes="96x96" href="${pageContext.request.contextPath }/assets/img/favicon.png">
	<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700" rel="stylesheet">
	<script type="text/javascript">
		function _change_verity_code() {
			var imgElem = document.getElementById("img_src");
			//添加一个请求参数a是因为，通常浏览器都有缓存，点击换一张的时候没反应，所以加一个请求参数，获取当前请求时间，可以精确到毫秒，所以每次请求的参数都不同，所以浏览器有缓存也不妨碍； 
			imgElem.src = "${pageContext.request.contextPath }/code/GetVerificationCodeServlet.do?a="
					+ new Date().getTime();
		}
	</script>
</head>
<body>
	<div id="wrapper">
		<div class="vertical-align-wrap">
			<div class="vertical-align-middle">
				<div class="auth-box ">
					<div class="left">
						<div class="content">
							<div class="header">
								<div class="logo text-center">
									<img src="${pageContext.request.contextPath }/assets/img/logo-dark.png" alt="Klorofil Logo">
								</div>
								<p class="lead">Login to your account</p>
							</div>
							<form class="form-auth-small" action="${pageContext.request.contextPath }/manager/login.do">
								<div class="form-group">
									<label for="" class="control-label sr-only">UserName</label>
									<input type="text" class="form-control" id=""
										name="username" placeholder="User">
								</div>
								<div class="form-group">
									<label for="signin-password" class="control-label sr-only">Password</label>
									<input type="password" class="form-control"
										id="signin-password" name="password" placeholder="Password">
								</div>
								<div class="form-group">
										<input type="text" class="form-control" name="code_text" placeholder="验证码"/> <br>
										<img
											src="${pageContext.request.contextPath }/code/GetVerificationCodeServlet.do"
											id="img_src" /> <a href="javascript:_change_verity_code()">换一张</a>
								</div>
								<button type="submit" class="btn btn-primary btn-lg btn-block">LOGIN</button>
								<div class="bottom">
									<span class="helper-text"><i class="fa fa-lock"></i>${requestScope.back}</span>
								</div>
							</form>
						</div>
					</div>
					<div class="right">
						<div class="overlay"></div>
						<div class="content text">
							<h1 class="heading">CMS</h1>
							<p>by The Develovers</p>
						</div>
					</div>
					<div class="clearfix"></div>
				</div>
			</div>
		</div>
	</div>
	<!-- END WRAPPER -->
</body>
</html>